loadAddr();

function loadAddr() {
    obajax.get(
        '/api/user/addr',
        {},
        (result) => {
            var html = '';
            $.each(result.data, (index, addr) => {
                html +=
                    '                         <div class="col col-4"  >' +
                    '           <div class="item" data-id="' + addr.id + '">\n' +
                    '                                        <div class="action">\n' +
                    '                                            <div class="fl">' +
                    '<a class="edit" href="javascript:;">修改</a>' +
                    '<a class="del"  href="javascript:;">删除</a>' +
                    '</div>\n' +
                    '                                        </div>\n' +
                    '                                        <div class="info">\n' +
                    '                                            <div class="info-item name ellipsis">' + addr.province + '' + addr.city + '（' + addr.contact + ' 收）</div>\n' +
                    '                                            <div class="info-item address">' + addr.county + '' + addr.town + '' + addr.detail + '</div>\n' +
                    '                                            <div class="info-item tel ellipsis">' + addr.phone + '</div>\n' +
                    '                                        </div>\n' +
                    '                                        </div>\n' +
                    '                                </div>'

            });
            $('.address-list').html(html);
        }
    )
}


//告诉浏览器加载layui框架的那些组件
//加载完小组件，就执行Function
layui.use(['table', 'layer', 'form', 'upload'], function () {
    //console.log("123");
    //第一步先对加载的组件起名
    var table = layui.table;
    var layer = layui.layer;
    var form = layui.form;
    var $ = layui.jquery;

    //给新增的按钮绑定事件
    $("#add").on("click", function () {
        layer.open({
            title: "新增用户",
            type: 1,
            area: ['400px', '400px'],
            content: $("#template1").html()
        });
        //给保存的按钮绑定事件
        $("#save").on("click", function () {
            //1.把表单的数据都取出来
            var data = form.val("form1");
            var phone = data.phone;
            var pd = /^1[3456789]\d{9}$/;
            if (!pd.test(phone)) {
                layer.msg("手机号输入错误，请重新输入");
                return false;
            }
            console.log(data);
            //2.派一个人去发请求,把上边取出来的数据带过去(Ajax)
            //第一个参数：请求地址
            //第二个参数：请求时传的数据
            //第三个参数：请求成功后做什么：这个function只有200成功时才执行
            obajax.post(
                "/api/user/addr",
                data,
                () => {
                    //关窗口
                    layer.closeAll();
                    //给成功提示
                    layer.msg("保存成功");
                    location.reload();
                });
        })
    });
    //给删除按钮绑事件
    $(".del").on("click", function () {
        var addr = $(this);
        layer.confirm('您确认要删除吗？',
            function () {
                $.post("/api/user/addr", {id: addr.data.id}, function () {
                    layer.msg("删除成功");
                    location.reload();
                });
            }, function () {
            });
    });
    //给修改按钮绑定事件      写方法
    $(".edit").on("click", function () {
        var address = $(this);
        $.get("/uc-address/select?id=" + address.attr("maid"), function (oldAddress) {
            console.log(oldAddress);
            layer.open({
                title: "编辑地址",
                type: 1,
                area: ['600px', '600px'],
                content: $("#template1").html()
            });
            form.val("form1", oldAddress);
            //给保存按钮绑定事件
            $("#save").on("click", function () {
                //1.把表单中的数据都取出来
                var data = form.val("form1");
                console.log(data)
                //2.派一个人去发请求，把上边取出来的数据带过去(ajax)
                //第一个参数 请求地址
                //第二个参数  请求时传的数据
                //第三个参数 请求成功之后做什么：这个方法只有200成功是才执行
                $.post("/uc-address/save", data, function () {
                    //关窗口
                    layer.closeAll();
                    //给成功提示
                    layer.msg("保存成功")
                    location.reload();
                });
            });
        });
    });
    //给设置默认地址绑定事件
    // $(".editDefault").on("click", function () {
    //     var address = $(this);
    //     layer.confirm('您确认要设置为默认地址吗？',
    //         function () {
    //             $.post("/uc-address/editDefault", {id: address.attr("maid")}, function () {
    //                 layer.msg("设置成功")
    //                 location.reload();
    //             });
    //         }, function () {
    //         });
    // });
});

